<!DOCTYPE>
<html>
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="telephone=no" name="format-detection">
<meta http-equiv="x-rim-auto-match" content="none">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<link type="text/css" rel="stylesheet" href="css/swiper.min.css">
<link type="text/css" rel="stylesheet" href="css/layout.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/layout.js"></script>
<script type="text/javascript">
 var deviceWidth = document.documentElement.clientWidth;
 if(deviceWidth > 750){deviceWidth = 750;}
 $("html").css("font-size",deviceWidth / 7.5 + 'px');
</script>
<!-- 头部公用JS end -->
</head>
<body>
<!-- 头  -->
<div class="header">
	<div class="cf">
		<a href="" class="fl"><img src="img/logo.png" class="lc" alt=""></a>
		<a href="" class="fr"><img src="img/mobile.png"   class="lc"  alt=""></a>
	</div>
</div>
<!-- 幻灯片 -->
<div class="banner">
	<div class="swiper-container">
	    <div class="swiper-wrapper">
	        <div class="swiper-slide"><img src="img/index_02.jpg" alt=""></div>
	        <div class="swiper-slide"><img src="img/index_02.jpg" alt=""></div>
	        <div class="swiper-slide"><img src="img/index_02.jpg" alt=""></div>
	    </div>
	    <div class="swiper-pagination"></div>
	</div>	
</div>
<!-- 列表 -->
<div class="items cf">
	<div class="fl">
		<a class="item lc">
			<div class="imgbox imgbox1"><img src="img/j1.png" class="lc"  alt=""></div>
			<p>公司简介</p>
		</a>
	</div>
	<div class="fl">
		<a class="item lc">
			<div class="imgbox imgbox2"><img src="img/j2.png" class="lc"  alt=""></div>
			<p>产品中心</p>
		</a>
	</div>
	<div class="fl">
		<a class="item lc">
			<div class="imgbox imgbox3"><img src="img/j3.png" class="lc"  alt=""></div>
			<p>售后服务</p>
		</a>
	</div>
	<div class="fl">
		<a class="item lc">
			<div class="imgbox imgbox4"><img src="img/j4.png" class="lc"  alt=""></div>
			<p>联系我们</p>
		</a>
	</div>
</div>

<div class="hot-cate">
	<div class="base-title">
		<div class="title">
			<h2>热门产品分类</h2>
			<p>POPULAR CLASSIFICATION</p>
		</div>
		<div class="line"></div>
	</div>
	<div class="list cf">
		<div class="fl"><a href="">剪叉式高空作业平台</a></div>
		<div class="fl"><a href="">荷兰剪叉式升降车</a></div>
		<div class="fl"><a href="">直臂式高空作业平台</a></div>
		<div class="fl"><a href="">丹麦猎鹰Tca蜘蛛车</a></div>
	</div>
</div>

<div class="hot-pro">
	<div class="base-title">
		<div class="title">
			<h2>推荐产品</h2>
			<p>PRODUCT</p>
		</div>
		<div class="line"></div>
	</div>
	<div class="list cf">
	
		<div class="fl">
			<div class="box">
				<img src="img/index_05.jpg" alt="">
				<h2>剪叉式高空作业平台</h2>
				<p class="x">Compact10N</p>
				<p class="b">曲臂高空作业平台是专用高空作业的升降机械设备，是属于高空作业平台产品四大类其中最常用的一种高空作业...</p>
			</div>
		</div>		
		<div class="fl">
			<div class="box">
				<img src="img/index_05.jpg" alt="">
				<h2>剪叉式高空作业平台</h2>
				<p class="x">Compact10N</p>
				<p class="b">曲臂高空作业平台是专用高空作业的升降机械设备，是属于高空作业平台产品四大类其中最常用的一种高空作业...</p>
			</div>
		</div>		
		<div class="fl">
			<div class="box">
				<img src="img/index_05.jpg" alt="">
				<h2>剪叉式高空作业平台</h2>
				<p class="x">Compact10N</p>
				<p class="b">曲臂高空作业平台是专用高空作业的升降机械设备，是属于高空作业平台产品四大类其中最常用的一种高空作业...</p>
			</div>
		</div>		
		<div class="fl">
			<div class="box">
				<img src="img/index_05.jpg" alt="">
				<h2>剪叉式高空作业平台</h2>
				<p class="x">Compact10N</p>
				<p class="b">曲臂高空作业平台是专用高空作业的升降机械设备，是属于高空作业平台产品四大类其中最常用的一种高空作业...</p>
			</div>
		</div>	
	</div>
	<a class="more" href="###">
		查看更多产品
	</a>
</div>

<div class="hot-news">
	<div class="tabs cf">
		<div class="tab fl"><a href="javascript:;" class="on">新闻资讯</a></div>
		<div class="tab fl"><a href="javascript:;">技术支持</a></div>
		<div class="tab fl"><a href="javascript:;">项目案例</a></div>
	</div>
	<div class="listtabs">
		<div class="list">
			<div class="row">
				<h2>豪威·聚源·巴塘“健康同行”公益项目启目启动仪启目启动仪启目启动仪启目启动仪</h2>
				<div class="b">
					2018年11月10日，成都见田科技有限公司总经理受邀参加豪威·聚源·
					巴塘“健康同行”公益项目。
					<span class="time">2018-11-13</span>
				</div>
			</div>
			<div class="row">
				<h2>豪威·聚源·巴塘“健康同行”公益项目启目启动仪启目启动仪启目启动仪启目启动仪</h2>
				<div class="b">
					2018年11月10日，成都见田科技有限公司总经理受邀参加豪威·聚源·
					巴塘“健康同行”公益项目。
					<span class="time">2018-11-13</span>
				</div>
			</div>
		</div>
		<a class="more" href="###">
			查看更多产品
		</a>
	</div>
</div>

<div class="hot-info">
	<div class="base-title">
		<div class="title">
			<h2>成都见田科技</h2>
			<p>COMPANY</p>
		</div>
		<div class="line"></div>
	</div>
	<div class="info">
		<div class="row">
			<img src="img/index_09.jpg" alt="">
			<p> 成都见田科技公司专注于欧洲进口Haulotte品牌高空作业平 台设备，产品包含：剪叉式高空作业平台、车载式高空作业平台 、自行式高空作业平台、曲臂式高空作业平台、直臂式高空作业 平台、拖车式高空作业平台、垂直桅杆式高空作业平台、蜘蛛 式高空作业平台…</p> 
		</div>
	</div>
</div>

<div class="footer">
	<div class="lc">
		<p>版权所有：成都见田科技有限公司 蜀ICP备14006353号-1 </p> 
		<p>见田科技—高空作业方案解决专家 官网：www.seetian.com</p>
	</div>
</div>

<div class="footer-nav">
	<div class="cf">
		<a class="fl nav1 on">
			<div class="item lc">
				<div class="imgbox"></div>
				<p>首页</p>
			</div>
		</a>
		<a class="fl nav2">
			<div class="item lc">
				<div class="imgbox"></div>
				<p>产品中心</p>
			</div>
		</a>
		<a class="fl nav3">
			<div class="item lc">
				<div class="imgbox"></div>
				<p>新闻中心</p>
			</div>
		</a>
		<a class="fl nav4">
			<div class="item lc">
				<div class="imgbox"></div>
				<p>服务热线</p>
			</div>
		</a>
	</div>
</div>

<!--js脚本-->
<script type="text/javascript">
	var mySwiper = new Swiper ('.swiper-container', {
		loop: true,
		autoplay : 3000,
		speed:300,
		pagination: '.swiper-pagination',
		paginationClickable: true
	})        
</script>

</body>
</html>

                                                                                                         